iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0

時光飛逝,鐵人賽已經進行了三分之二
在進入專案功能之前,我們複習一下之前東西

Tech Stack

我們了解到專案他具體使用了哪些技術,哪些技術在 React 開發中常被使用到

Folder Structure

在開發大型 React 的項目,做好資料夾的管理,能夠讓人一目了然整個專案的架構,也介紹了各個資料夾它的用途

Naming

我們也看到了專案中,對於檔案、變數他是如何去命名
一樣,我還是要引用我那句話

好的命名,能讓接手的人或者參與開源專案的人,更容易了解每個檔案他是在做什麼的
不好的命名,準備被開發的人幹到起飛(X

Routing

我們了解到在大型專案,Routing 是如何去實作的

Type

我們了解到了專案中對於 Type 是如何使用,以及對於 Type 分為三層 Layer

Helper

將常用的 Function 抽成 Helpers
也介紹了專案中常用的 Helper

Branch & PR

藉由觀看 Branch,了解 Git Flow 是怎麼運作的;
藉由觀看 Pull Request,了解一般 PR 是如何去做的

UI Library

工欲善其事,必先利其器
UI Library 能夠「避免重複造輪子」和「統一設計規範」
也介紹了 Ant Design, Chakra UI 和 lodestar-app-element

Component

當現有的 UI Library 沒辦法滿足需求時,需要自己去客制元件
以及 styled-components 在專案的用法
我們同時也觀察到 Component 內的結構為如何

Locales

了解了「本地化」和國際化的差異,以及專案在翻譯時的規範

明天我們正式進到專案的功能


上一篇
locales (3)
下一篇
Blog (1)
系列文
從 Open Source 專案學習 React 開發 - 以 lodestar-app 為例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言